<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>demo5-jquery表单元素选择器</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <style>

    </style>

</head>
<body>
    <form action="">
        <input type="text" value="我是文本框"/> <br/>
        <input type="password" value="我是密码框"/><br/>
        <input type="button" value="我是按钮"/><br/>
        <input type="submit" value="我是提交按钮"/><br/>
        <input type="radio" value="我是单选按钮"/><br/>
        <input type="checkbox" value="我是多选按钮"/><br/>
        <input type="reset" value="我是重置按钮"/><br/>
        <textarea name="" id="" cols="30" rows="10">我是文本域</textarea>
        <select name="">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select><br/>
        <input type="hidden" value="我是隐藏的文本框"/><br/>
        <input type="file" value="我是上传控件"/><br/>
        <input type="image" src="btnImg.jpg" value="我是图片按钮"/><br/>
    </form>
</body>
</html>

<script>
//    获取所有表单数量
//    alert($(':input').length);

    $(':text').css('background','gray'); // 选择文本框
    $(':password').css('background','red'); // 选择密码框
    alert($(':radio').val()); // 选择单选按钮
    alert($(':checkbox').val()); // 选择单选按钮



    alert($('input:hidden').val())
</script>